Soy completamente nuevo en esto, así que perdóneme si no obtengo suficiente información. Estoy mostrando potencialmente miles de registros utilizando JSON y una vista de lista, sin embargo, solo necesito mostrar 20 a la vez, con el botón "mostrar más" en la parte inferior. No entiendo cómo cambiaría mi javascript actual para permitir esto, espero que alguien pueda indicarme la dirección correcta. He estado tratando de aplicar este código para que funcione, pero sin éxito:

http://jsfiddle.net/knuTW/2/

Mi javascript actual para mostrar los datos JSON:

function getEmployeeList() {
$.getJSON(serviceURL + 'getmeals.php?calfrom='+ var1 + '&calto=' + var2, function(data) {
    $('#employeeList li').remove();
    employees = data.items;
    $.each(employees, function(index, employee) {
        $('#employeeList').append('<li><a href="employeedetails.html?id=' + employee.id + '">' +
            '<img src="http://www.restaurants.com/assets/img/logos/' + employee.restaurant + '.jpg"/>' +    
                '<h4>' + employee.meal_item + '</h4>' +
                '<p>Calories: ' + employee.calories + '</p>' +
                '<span class="ui-li-count">' + employee.protein + '</span></a></li>');

    });
    $('#employeeList').listview('refresh');
});
}

HTML:

<div id="employeeListPage" data-role="page" >

<div data-role="header" data-position="fixed">
    <h1>Restaurant Meals</h1>
</div>

<div data-role="content">
     <ul id="employeeList" data-role="listview" data-filter="true"></ul>
     <ul class="load-more"><a href="#">Load More</a></ul>
</div>