как перебирать массив объектов в ручках

Question

У меня есть массив объектов, которые я получил от своего веб-API, и я использую ручки для создания шаблона и перебора этих объектов. Однако я не уверен, как я перебираю свой массив объектов.

JS:

  $(document).ready(function(){
    $.get("/api/CaseStudies/top", function (data) {

        var caseStudies = [];
        for (var i = 0, caseStudie; (caseStudie = data[i]); ++i) {
            caseStudies.push(caseStudie);
        }
        //console.log(caseStudies);

        renderTemplate(caseStudies);  
    });

    function renderTemplate(caseStudies) {
        var template = $('#test').html();
        var templateScript = Handlebars.compile(template);
        var html = templateScript(caseStudies);
        $("#output").append(html);
    }

});

HTML:

 <script id="test" type="text/x-handlebars-template">
     <div>

       {{#each caseStudies}}
          The title is {{Title}}And my name is{{Name}}<br />
       {{/each}}
     </div>
   </script>

<div id="output"></div>

Массив объектов Я получаю от своего API, выглядит так: