Criar lista dinâmica com a Kendo

kendo-lista

<div id='main'></div>
<!-- Add External Template Here -->
<script id="jsTmpl" type="text/x-kendo-template">
    <h4>Awesome Dudes</h4>
    <ul>
        # for (var i = 0, len = data.length; i < len; i++){ #
        <li>#= data[i] #</li>
        # } #
  </ul>
</script>

kendo-lista-js

//Add Template code here
var template = kendo.template($('#jsTmpl').html());
var data = [ "Brandon", "Todd", "John", "Burke" ];

var processed = template(data);
$("#main").append(processed);