JsRender не отображается должным образом

Это мой шаблон;

<script id="DepartmentTemplate" type="text/x-jquery-tmpl">
        {{ for BusinessUnitName }}
            <li>{{:#data}}</li>
        {{/for }}
    </script>

Сюда я отправляю данные;

RenderDepartments = function (data) {
            $('#departmentList').empty();
            $('#departmentList').html($('#DepartmentTemplate').render($.parseJSON(data)));
        };

И здесь я помещаю данные;

<ul id="departmentList"><%: Html.DisplayFor(model => model.AdditionalDepartmentList) %></ul>

Это данные, полученные в параметре данных функции;

{\"BusinessUnitName\":[\"Design and Build (Technical)\",\"Architectual Design\",\"ICT\",\"Mechanical & Electrical \",\"Safety Management\"]}

Я не знаю, нужно ли мне использовать jquery $.parseJson, но в любом случае данные не отображаются должным образом. С $.parseJson это отображается как;

{{ for BusinessUnitName }} 
•[object Object]
 {{/for }} 

Без него отображается как

{{ for BusinessUnitName }} 
•{"BusinessUnitName":["Architectual Design","ICT","Mechanical & Electrical ","Safety Management","Marketing"]}
 {{/for }} 

Так что на экране я вижу какое-то определение шаблона, а не список. Как это исправить?