Components: How do I use one query property for two different query loops?

I’ve got a query property that works just fine.

Now I want to create a “read more” button with a fade, something like this:

I’m thinking to create the component using two queries internally, one to show the first four elements, then another, inside a block that will style it, to show all the rest.

How do I add the same query from the property to both queries in the component, but keep one limited to the first 4 items, and the other starting from item #5?

Or is there a better way to achieve this?

TIA!