How to limit the number of displayed values?

Question

JavaScript

$(document).ready(function(){
   $('#search').keyup(function(){
      $('#result').html('');
      var searchField = $('#search').val();
      var expression = new RegExp(searchField,  "i");
      $.getJSON('goods.json', function(data){
        $.each(data, function(key, value){
          if(value.name.search(expression) != -1 || value.location.search(expression) != -1)
          {
           
            $('#result').append('<li style="list-style-type: none;margin:2px;border-bottom:1px solid #333;"><a href="'+key+'" title=""><img src="'+value.img+'" height:"40" width="40">'+value.name+'</a></li>')
    
        }
        });
      
      });
   });
});

I did a test live search, but it outputs everything from json, how can I limit it to some value?

Answer 1

...
      $.getJSON('goods.json', function(data){
        $.each(data.splice(0,10), function(key, value){
          if(value.name.search(expression) != -1 || value.location.search(expression) != -1)
...