JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>

JavaScript

var data = [
  {product_name: "test", supplier: "1"},
  {product_name: "test", supplier: "1"},
  {product_name: "test", supplier: "1"},
  {product_name: "test", supplier: "1"},
  {product_name: "test", supplier: "1"},
  {product_name: "test", supplier: "1"},
  {product_name: "test", supplier: "2"},
  {product_name: "test", supplier: "2"},
  {product_name: "test", supplier: "2"},
  {product_name: "test", supplier: "3"},
  {product_name: "test", supplier: "3"},
  {product_name: "test", supplier: "3"},
  {product_name: "test", supplier: "3"}  
]

var result = [];
var groups = _.groupBy(data,function (item) {
    return item.supplier;
}); 

_.each(groups,function(value){
    result = result.concat(_.first(value,5));
})

document.getElementsByTagName('div')[0].textContent = JSON.stringify(result);