I am using following to display all the items in content query webpart but only the folder is displayed. What am I missing?
Sharepoint 2013

```
<script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/knockout/knockout-3.1.0.js"></script>

<style type="text/css">
.knockOutTable td {
    background:#f7f7f7;
    padding:10px;
    vertical-align:top;  
    border:1px #fff solid;
}
.knockOutTable #td-alfa{
    font-weight:bold;
    width:20%;
}
.knockOutTable #td-beta, .knockOutTable #td-gamma{
    width:40%;
}
</style>

<script type="text/javascript">
var rootSite = "https://swe.sharepoint.com/";
var subSite = "knockout";
var results = [];

function LoadStuff(index) {

    $.ajax({
        url: rootSite + subSite + "/_api/web/lists/GetByTitle('KnockoutList')/items",
        method: "GET",
        headers: {"Accept": "application/json; odata=verbose"},

        success: function(data){
            results.push.apply(results, data.d.results);
            ko.applyBindings(results);
            },

        error: function (fn, status, error) {
            alert('Error:' + error);
            }

    });
}

$(function(){LoadStuff(0)})
</script>

<div>
    <div data-bind="template:{name:'KoList', foreach:results, as:'rows'}"></div>
    <script type="text/html" id="KoList">
        <table cellpadding="0" cellspacing="0" class="knockOutTable">
            <tr>
                <td id="td-alfa" data-bind="text:Title"></td>
                <td id="td-beta" data-bind="text:Introduction"></td>
                <td id="td-gamma" data-bind="text:Content"></td>
            </tr>
        </table>
    </script>
</div>

```