Kendo UI循环通过ListView中的Json中的集合

我试图在Kendo UI模板中找出一个列表视图,如何循环遍历每个对象中的一个集合来呈现页面上的信息.以下是我正在玩的json的例子：

{"Data":[{"title":"Malicious Acts","KeyPairs":{"key1":"12","Key2":"24"}},{"title":"Enrollments",{"title":"Customer FeedBACk",{"title":"Questionable Accounts","Key2":"24"}}],"@R_1000_1@R_197_11226@6@l":4,"AggregateResults":null,"Errors":null}

我想将KeyPairs项目渲染到模板中,只是有一些麻烦,了解如何.

来源：

<div id="subscriberFunctions">

    <script type="text/x-kendo-tmpl" id="template">
        <div class="subscriberFunction">
            <h3>${titlE}</h3>
           <!-- Display KeyPairs -->
        </div>
    </script>

    @(Html.Kendo().ListView<SubscriberMenuFunction>()
        .Name("listView")
        .TagName("div")
        .ClientTemplatEID("template")
        .Datasource(datasource =>
        {
            datasource.Read(read => read.action("SubscriberMenu","ListView"));
        })
        .SELEctable(SELEctable => SELEctable.Mode(ListViewSELEctionMode.SinglE))

    )
</div>

我相信我只是反思这个,这是一个简单的事情,但是不知道如何在Kendo UI的模板中实现foreach循环来识别它.

提前致谢！

<script type="text/x-kendo-tmpl" id="template">
<div class="subscriberFunction">
    <h3>${titlE}</h3>
    <!-- Display KeyPairs -->
    <ul>
        #for (var i=0,len=KeyPairs.length; i<len; i++){#
            <li>${ KeyPairs[i] }</li>
        # } #
    </ul>
</div>